<template>
	<view>
		<view>
			<view class="">
				<view class="m-h1" style="text-align: center;">
					交易评价
				</view>
				<view class="" @tap="toBack()">
					<image class="nav-margin-back-img" src="../../static/back.png" mode="widthFix"></image>
				</view>
			</view>	
			
			<view class="content" style="display: flex;justify-content: flex-start;margin-top: 80rpx;">
				<view class="" style="padding-right: 10rpx;position: relative;top: 30rpx;">
					<image style="width: 192rpx;height: 185rpx;" src="https://emos-lei.oss-cn-beijing.aliyuncs.com/v2/img/order-list-block.png" mode=""></image>
				</view>
				<view class="m-margin-bottom" style="padding-top: 30rpx;">
					<view class="t-font-1" style="">
						外墙保温砌块 
					</view>
					<view class="t-font-1">
						规格(LxBxH)：600x200x250 
					</view>
					<view class="t-font-1">
						等级:B05A3.5   平面
					</view>
					<view style="margin-top: 20rpx;" class="o-font-2">
						30m³
					</view>
				</view>
			
			</view>
			
			<view class="c-bg-1 m-margin-bottom"></view>
			<view class="m-margin-bottom content" style="display: flex;justify-content: space-between;">
				<view class="t-font-3">
					描述相符
				</view>
				<view class="">
					<uni-rate :value="4" :margin="10" />   
				</view>
			</view>
			
			<view class="m-margin-bottom content" style="margin-top:100rpx;">
				<ss-upload-image :url="url" :file-list="fileList" :name="name" @on-success="onSuccess" @on-error="" @on-remove="onRemove" @on-process="onProcess" />
			</view>
			
			<view class="c-bg-2 m-margin-bottom">
			</view>
			
			<view class="content">
				<view class="m-margin-bottom t-font-5">
					物流服务评价
				</view>
				<view class="m-margin-bottom t-font-4" style="display: flex;justify-content: space-between;">
					<view class="">
						包装破损
					</view>
					<view class="">
						<uni-rate :value="4" :margin="10" />   
					</view>
				</view>
				<view class="m-margin-bottom t-font-4" style="display: flex;justify-content: space-between;">
					<view class="">
						送货速度
					</view>
					<view class="">
						<uni-rate :value="4" :margin="10" />   
					</view>
				</view>
				<view class="m-margin-bottom t-font-4" style="display: flex;justify-content: space-between;">
					<view class="">
						司机服务
					</view>
					<view class="">
						<uni-rate :value="4" :margin="10" />   
					</view>
				</view>
			</view>
			<view class="c-bg-2 m-margin-bottom">
			</view>
			<view class="content">
				<view class="m-margin-bottom t-font-5">
					装卸服务评价
				</view>
				<view class="m-margin-bottom" style="display: flex;justify-content: space-between;">
					<view class="t-font-4">
						卸货效率
					</view>
					<view class="">
						<uni-rate :value="4" :margin="10" />   
					</view>
				</view>
				<view class="m-margin-bottom" style="display: flex;justify-content: space-between;">
					<view class="t-font-4">
						卸货员服务
					</view>
					<view class="">
						<uni-rate :value="4" :margin="10" />   
					</view>
				</view>
				<view class="m-margin-bottom" style="display: flex;justify-content: space-between;">
					<view class="t-font-4">
						司机态度
					</view>
					<view class="">
						<uni-rate :value="4" :margin="10" />   
					</view>
				</view>
			</view>
		
			<view class="c-bg-3">
			</view>
			<view class="content" style="margin-bottom: 40rpx;">
				<view class="t-font-6">
					<text style="position: relative;top: 20rpx;">提交评价</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import ssUploadImage from '@/components/ss-upload-image/ss-upload-image.vue'
	export default {
		components: {
		  ssUploadImage
		},
		data() {
			return {
				
			}
		},
		methods: {
			toBack:function(){
				console.log(1)
				uni.navigateBack({
					delta: 1 //返回上一级页面
				})
			},
		}
	}
</script>

<style scoped lang="less">
@import url("comment.less");
@import url("../../style.less");

</style>
